Semester Overview

In this semester, we have discussed:  HTML, styling/formatting, and java script.
This has included: linking, anchors, CSS, tables/grids, frames/iframes, image mapping.
We have also discussed: Ecommerce, evaluating Web pages for accuracy, for accessibility, and for sensitivity.
	In the in class 8 AM portion of the exam, be prepared to identify or explain concepts, or give very short examples.  You may bring with you and use a summary notes sheet that you have written for yourself.
In the 3 PM portion of the exam, be prepared to produce working html, css, or javascript code.  In that portion of the exam, you will be allowed to use the lab computer.
	
Final Exam Review: Web Design
Sample questions (Part IA):
Identify what each of these is used for:

<table></table>

<frameset cols="*,*">
</frameset>

<iframe src="blank.htm" name="wilma" title="sample4">
</iframe>

<img src="map.jpeg" width="1000" height="1000" alt="click" usemap="#map" />

Sample Questions (Part IB):
How would you do the following?
Assume you have a table.  Add a row to a table.

Assume you have a table with a row.  Add a new data element to a row in a table.

Assume you have a frame.  Add two components to the frame.

Assume you have an image map.  How would you make the top left quadrant into a link that connects to the VTC web page?

Sample Questions (Part IC):
Explain why it is or is not important to evaluate web pages (including social media) for accuracy and bias.

Explain why it is or is not important to evaluate web pages for accessibility?

Explain why it is or is not important to evaluate web pages for sensitivity?

Sample questions (Part II):  OPEN COMPUTER

Question 1:
The flag of Ukraine is simple: the top half is blue; the bottom half is yellow.
The height is 2/3 of the width.
 (See https://en.wikipedia.org/wiki/Flag_of_Ukraine)
Create an image of the flag of Ukraine.
Put in in a web page so that:
Clicking on the top half takes you to: https://en.wikipedia.org/wiki/Ukraine
Clicking on the bottom half takes you to: https://www.usnews.com/news/national-news/articles/2022-05-25/explainer-what-to-know-about-ukrainian-refugees-in-the-u-s

Question 2:
Using table, grid, frame, or iframe:
Design a web page so that: (*.png files provided)
star6.png is in a space about 400 wide, 400 tall (upper left)
cross.png is in a space about 400 wide, 600 tall (lower left)
crescent.png is in a space about 500 wide, 500 tall (upper right)
star9.png is in a space about 500 wide, 500 tall (lower left)

It should look something like this:

YOU SHOULD BE FAMILIAR WITH:
HTML, styling/formatting, and java script.
This has included: linking, anchors, CSS, tables/grids, frames/iframes, image mapping.
We have also discussed: Ecommerce, evaluating Web pages for accuracy, for accessibility, and for sensitivity.

You should STILL be familiar with:
<!DOCTYPE html>
<html>
<!—What is this? -->
<title>Page Title</title>
<head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<a href="https://www.w3schools.com">Visit W3Schools</a>
<img src="img_girl.jpg">
<br/>
Target
<frameset>
<iframe>
Px
%
<table>
<tr>
<th>
<td>

The following CONCEPTS should be familiar enough for you to explain:
Graphics
Anchor/link
Frame
Grid
Table
Editors
Browsers
Platforms
Style
Color

Css: You should be able to explain:
Absolute, relative, imported
Style, Width, height, alt
Font
Font-family
font-size
text-align
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

<q>Build a future where people live in harmony with nature.</q>
 <blockquote cite="http://www.worldwildlife.org/who/index.html">
<h1 style="border:2px solid Tomato;">Hello World</h1>

Background-color
Color
rgb(60, 179, 113)
#rrggbb
#000000
#ffffff